@extends('admin.layout.layout')
@section('title')
<title>北京仁爱慈善后台</title>
<title>北京市仁爱慈善后台</title>
<title>北京仁爱慈善后台</title>
@endsection
@section('style')
<style type="text/css">
*{margin: 0;padding: 0;list-style:none;}
#all{width: 690px;margin-top: 50px;margin-left: 20px;}
#option{
  height: 38px;line-height:38px;
  border-bottom:1px solid #999;
  border-left:1px solid #999;
}
#option li{
  float: left;padding: 0 30px;
  background: #f5f5f5;
  border-right:1px solid #999;
  border-top:1px solid #999;
  height: 37px;cursor:pointer;
}
#card{
  border:1px solid #999;border-top:none;margin-top: -10px;
}
#card li{
  height: 220px;padding: 20px;display:none;
}

#option li.active{
  height: 38px;
  background: #fff;
}
#card li.active{
  display:block;
}
</style>
@endsection
@section('con')
@section('content')
<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">选项卡</h1>
    </div>
</div>
<div class="row">
    <div class="col-lg-9">
        <div class="panel panel-default">
            <div class="panel-heading">
                选项
            </div>
            <!-- /.panel-heading -->
            <div class="panel-body">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs">
                    @foreach($data as $k=>$v)
                    <li class=""><a href="{{url('/admin/tab/show',['id'=>$v->id])}}">{{$v->title}}</a>
                    </li>
                    @endforeach
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    @foreach($tabs as $ke=>$vl)
                    @if($vl->pid != 0)
                    <div class="tab-pane fade in active" >
                        <img src="{{$vl->logo}}" style="width:230px;height:130px;float:left;margin-left:10px;margin-top:10px;" alt="" />
                        <a href="{{url('/admin/tab/content',['id'=>$vl->id])}}"><img src="{{$vl->logo}}" style="width:230px;height:130px;float:left;margin-left:10px;margin-top:10px;" alt="" /></a>
                    </div>
                    @endif
                    @endforeach
                </div>
            </div>
            <!-- /.panel-body -->
        </div>
        <!-- /.panel -->
    </div>
</div>
@endsection
@section('js')
<script type="text/javascript">

</script>
@endsection
